<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>数据统计</title>
	<link rel="stylesheet" href="/layui/css/layui.css">
	<link rel="stylesheet" href="/hyqcss/public.css">
	<style type="text/css">
		body{
			background: #e9e9e9;
		}
		/*公共头部带搜索*/
		.public_container{
			margin: 16px;
			background: #fff;
		}
		.public_title_container{
			height: 54px;
			padding: 0 20px;
			font-size: 14px;
			display: flex;
			align-items: center;
			background: #f9f9f9;
			border-bottom: 1px solid #f0f0f0;
		}
		.public_buttonSearch_container{
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 20px;
			background: #fff;
		}
		.public_buttonSearch_container a{
			color: #fff;
			background-color: #1E9FFF;
			text-shadow: 0 -1px 0 rgba(0,0,0,.12);
			height: 24px;
			padding: 4px 15px;
			font-size: 14px;
			border-radius: 2px;
			display: flex;
			align-items: center;
		}
		.public_Search_container{
			position: relative;
		}
		.public_Search_container input{
			width: 240px;
			height: 32px;
			border: 1px solid #d9d9d9;
		}
		.public_Search_container i{
			position: absolute;
			bottom: 6px;
			right: 10px;
			cursor: pointer;
		}
		/*图表部分*/
		/*图标头部一行*/
		.public_statistics_contaienr{
			padding: 20px;
		}
		.public_statisticsHeader_contaienr{
			margin-bottom: 20px;
			display: flex;
			justify-content: space-between;
		}
		.tabs_container{
			display: flex;

		}
		.tabs_container li{
			flex: 1;
			background: #fafafa;
			margin-right: 5px;
			border: 1px solid #e6e6e6;
			border-bottom: none;
		}
		.tabs_container li:last-child{
			margin-right: 0px;
		}
		/*上半部分数据统计*/
		.statistics_header_container{
			display: flex;
			    padding: 20px 20px 10px;
			    margin-bottom: 20px;
			    box-shadow: 0 1px 2px rgba(0,0,0,.05);
			    border-radius: 2px;
			    background: #fff;
		}
		.statistics_headerYesterdayData_container{
			    flex: 2;
    padding-right: 16px;
		}
		.statistics_headerpublicData_container h3{
			font-size: 14px;
			    margin-bottom: 16px;
			    font-weight: bold;
			    color: rgba(0,0,0,0.85);
		}
		.statistics_headerCumulativeData_container h3{
			padding-left: 16px;
		}
		.statistics_headerpublicData_content{
			display: flex;
			
		}
		.statistics_headerpublicData_content li{
			display: flex;
			padding:14px 16px;
			margin:8px;
			flex: 1;
		}
		.statistics_headerpublicData_content li:first-child{
			margin-left: 0;
		}
		
		.statistics_headerpublicData_right_container{
			display: flex;
			flex-direction: column;
			text-align: center;
		}
		.statistics_headerpublicData_right_container span:first-child{
			font-size: 14px;
			color: rgba(0,0,0,0.65);
			margin-bottom: 5px;
		}
		.statistics_headerpublicData_right_container span:last-child{
			font-size: 22px;
			color: rgba(0,0,0,0.85);
		}
		.statistics_headerCumulativeData_container{
			flex: 3;
		}
		.statistics_headerCumulativeData_content{
			border-left: 1px solid #f0f0f0;
			padding-left: 10px;
		}
	</style>
	<script src="/cdn/echarts.min4.8.js"></script>
</head>
<body>
	<ul class="public-header-nav">
	  <li><a href="index.html">线索管理</a></li>
	  <li><a href="sea_clue.html">线索公海</a></li>
	  <li><a class="public-header-nav-active" href="clue_statistics.html">数据统计</a></li>
	  <li><a href="setting_sea.html">设置</a></li>
	</ul>
	<div class="public_container">
		<div class="statistics_header_container">
			<div class="statistics_headerYesterdayData_container statistics_headerpublicData_container">
				<h3>数据总览</h3>
				<ul class="statistics_headerYesterdayData_content statistics_headerpublicData_content">
					<li style="background: rgba(103, 185, 255, 0.1);">
						
						<div class="statistics_headerpublicData_right_container">
							<span>线索总数</span>
							<!--<span id="yy_new_contact_cnt">0</span>-->
							<span>{$clue_statistics['total']}</span>
						</div>
					</li>
					<li style="background: rgba(103, 185, 255, 0.1);">
						<div class="statistics_headerpublicData_right_container">
							<span>成功添加总数</span>
							<!--<span id="yy_negative_feedback_cnt">0</span>-->
							<span>{$clue_statistics['total_success']}</span>
						</div>
					</li>
					<li style="background: rgba(103, 185, 255, 0.1);">
						<div class="statistics_headerpublicData_right_container">
							<span>今日线索数</span>
							<span>{$clue_statistics['total_tclue']}</span>
						</div>
					</li>
					<li style="background: rgba(103, 185, 255, 0.1);">
						<div class="statistics_headerpublicData_right_container">
							<span>今日添加数</span>
							<span>{$clue_statistics['total_tsuccess']}</span>
						</div>
					</li>
					<li style="background: rgba(103, 185, 255, 0.1);">
						<div class="statistics_headerpublicData_right_container">
							<span>添加完成率</span>
							<span>{$clue_statistics['total_spercent']}</span>
						</div>
					</li>
				</ul>
			</div>

		</div>
	</div>
		<div class="public_container" style="padding-bottom: 10px;">
			<form class="layui-form">
				<div class="public_table_container">
					<h3 style="font-size: 14px;padding-top: 20px; margin-bottom: 16px;font-weight: bold;color: rgba(0,0,0,0.85);">员工数据总览</h3>
					<table class="layui-table" lay-skin="line">
						<colgroup>
							<col width="10%">
							<col width="10%">
							<col width="10%">
							<col width="10%">
							<col width="10%">
							<col width="10%">
							<col width="15%">
							<col width="15%">
						</colgroup>
						<thead>
							<tr>
								<th>员工</th>
								<th>全部线索</th>
								<th>已跟进线索数</th>
								<th>已添加线索</th>
								<th>今日添加线索</th>
								<th>已放弃线索</th>
								<th>添加完成率</th>
								<!-- <th>操作</th> -->
							</tr> 
						</thead>
						<tbody>
							{loop $qyusers as $qyuser}
							<tr>
								<td>{$qyuser->name}</td>
								<td>{$qyuser->total_clue}</td>
								<td>{$qyuser->total_follow}</td>
								<td>{$qyuser->total_success}</td>
								<td>{$qyuser->total_tsuccess}</td>
								<td>{$qyuser->total_abandon}</td>
								<td>{$qyuser->total_spercent}</td>
							<!-- 	<td>
									<a href="#" class="layui-btn layui-btn-sm layui-btn-normal add_sea">员工详情</a>
								</td> -->
							</tr>
							{/loop}
						</tbody>
					</table>
				</div>
			</form>
		</div>
	<script src="/cdn/jquery.js"></script>
	<script src="/layui/layui.js"></script>
	<script src="/js/ajax.js"></script>
</body>
</html>